<template>
        <div class="Suggest">
            <TopBar :url="'/index/my/setting/setting'" :title="'意见反馈'" action="提交"></TopBar>
            <form action="">
                <h3>反馈主题</h3>
                <input type="text" placeholder="请输入您的反馈内容">
                <h3>反馈详情</h3>
                <textarea name="" id="" cols="30" rows="10" placeholder="请输入您的反馈内容"></textarea>
                <h3>反馈图片</h3>
                <div class="load-IMG">
                    <span></span>
                    <span></span>
                </div>
            </form>
        </div>
</template>

<script>
    import TopBar from "../../../component/TopBar";
    export default {
        name: "State",
        components:{
            TopBar
        },
        data(){
            return{

            }
        },
    }
</script>

<style lang="stylus" scoped>
    .Suggest
        padding 0.12rem
        form
          h3
            margin-bottom 0.2rem
          margin-top  0.15rem
          input
            border none
            height 0.4rem
            margin-bottom 0.15rem
            width 100%
          input::placeholder
            color rgba(204,204,204,.8)
          textarea
            width 100%
            height 1.5rem
            border none
            resize none
          textarea::placeholder
            color rgba(204,204,204,.8)
          .load-IMG
            width 0.9rem
            height 0.9rem
            background-color #F5F6FA
            position relative
            cursor pointer

            span:nth-child(1)
              width 0.04rem
              height 0.24rem
              background-color #CCCFD9
              position absolute
              top 0.33rem
              left 0.4rem
            span:nth-child(2)
              width 0.04rem
              height 0.24rem
              background-color #CCCFD9
              position absolute
              transform rotate(90deg)
              top 0.32rem
              left 0.4rem
</style>